<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <th:block th:include="include :: header('项目日志')"/>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
  <form class="form-horizontal m-t">
    <input type="hidden" id="logId" name="logId" th:value="${projectLog.logId}">
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label">记录日期：</label>
          <div class="col-sm-2 form-control-static" th:text="${#dates.format(projectLog.logDate,'yyyy-MM-dd')}">
          </div>
          <label class="col-sm-2 control-label">记录人：</label>
          <div class="col-sm-2 form-control-static" th:text="${projectLog.userName}">
          </div>
          <label class="col-sm-2 control-label">天气情况：</label>
          <div class="col-sm-2 form-control-static" th:text="${projectLog.logWeather}">
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label">进水量（t/d）：</label>
          <div class="col-sm-2 form-control-static" th:text="${projectLog.inIntake}">
          </div>
          <label class="col-sm-2 control-label">出水量（t/d）：</label>
          <div class="col-sm-2 form-control-static" th:text="${projectLog.outIntake}">
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label">菌剂使用情况：</label>
          <div class="col-sm-6">
            <table id="bootstrap-table" style="margin-top: -14px"></table>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        &nbsp;
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label"></label>
          <div class="col-sm-1"><label class="control-label">COD(mg/L)</label></div>
          <div class="col-sm-1"><label class="control-label">氨氮(mg/L)</label></div>
          <div class="col-sm-1"><label class="control-label">总氮(mg/L)</label></div>
          <div class="col-sm-1"><label class="control-label">总磷(mg/L)</label></div>
          <div class="col-sm-1"><label class="control-label">pH</label></div>
          <div class="col-sm-1"><label class="control-label">SV30</label></div>
          <div class="col-sm-1"><label class="control-label">DO(mg/L)</label></div>
          <div class="col-sm-1"><label class="control-label">温度(℃)</label></div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label">进水水质情况：</label>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.inCod}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.inNh3N}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.inTotalN}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.inTotalP}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.inPh}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.inSv30}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.inDo}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.inTp}"></div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label">出水水质情况：</label>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.outCod}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.outNh3N}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.outTotalN}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.outTotalP}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.outPh}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.outSv30}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.outDo}"></div>
          <div class="col-sm-1 form-control-static" th:text="${projectLog.outTp}"></div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label">存在的问题：</label>
          <div class="col-sm-8 form-control-static" th:text="${projectLog.logProblem}"></div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label">明天工作计划：</label>
          <div class="col-sm-8 form-control-static" th:text="${projectLog.logWorkPlan}"></div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label">工艺调整情况：</label>
          <div class="col-sm-8 form-control-static" th:text="${projectLog.logAdjust}"></div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <div class="form-group">
          <label class="col-sm-2 control-label">突发情况及应对说明：</label>
          <div class="col-sm-8 form-control-static" th:text="${projectLog.logSudden}"></div>
        </div>
      </div>
    </div>
  </form>
</div>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
  const prefix = ctx + "project/projectLog";
  $(function () {
    let options = {
      url: prefix + "/microList",
      queryParams: queryParams,
      pagination: false,
      showSearch: false,
      showRefresh: false,
      showToggle: false,
      showColumns: false,
      modalName: "菌剂使用情况",
      columns: [
        {
          field: 'microbialName',
          title: '菌剂名称'
        },
        {
          field: 'microDosage',
          title: '投加量（kg）'
        },
        {
          field: 'flowName',
          title: '投加位点'
        }]
    };
    $.table.init(options);
  });

  function queryParams(params) {
    let search = $.table.queryParams(params);
    search.logId = $("#logId").val();
    return search;
  }
</script>
</body>
</html>